<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>工作台</title>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
        <!-- bootstrap 3.0.2 -->
        <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <!-- font Awesome -->
        <link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
        <!-- Ionicons -->
        <link href="../css/ionicons.min.css" rel="stylesheet" type="text/css" />
        <!-- Theme style -->
        <link href="../css/AdminLTE.css" rel="stylesheet" type="text/css" />

        <link href="../css/myself.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" href="../css/reset.css" />
        <script type="text/javascript" src="../js/jquery.min.js"></script>


        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
		<style type="text/css">
			.table{
				background: white;
				margin-bottom: 5px;
			}
			.left_box{
				background: rgb(245, 249, 250);
			}
			hr{
				margin-bottom: 5px;
			}
			.wait{
				margin-bottom: -2.5px; 
				margin-left: 15px;
			}
			.wait_text{
				border-bottom: 4px solid rgb(56, 130, 255); 
				padding-bottom: 13px;"
			}
			.man{
				border-radius: 50%; 
				width: 50px; 
				height: 50px; 
				border: 1px solid #ccc;"
			}
			.text-top{
				margin-bottom: 5px;
				font-weight: 500;
			}
			.time{
				margin-bottom: 0;
			}
			.new-design{
				font-weight: bold;
				font-size: 16px;
			}
			@media (min-width: 1550px) and (max-width: 1600px) {
				.all{
					width: 200px;
					height: 128px;
					background: rgb(245, 259, 250);
					margin-bottom: 15px;
				}
				.all .pull-left{
					margin-left: 40px;
					margin-top: 45px;
				}
				.all .pull-right{
					margin-right: 45px;
					margin-top: 35px;
				}
				.all .margin_spe{
					margin-right: 70px;
				}
				.num{
					font-size: 24px;
				}
			}
			@media (min-width: 1440px) and (max-width: 1550px) {
				.all{
					width: 180px;
					height: 128px;
					background: rgb(245, 259, 250);
					margin-bottom: 15px;
				}
				.all .pull-left{
					margin-left: 30px;
					margin-top: 45px;
				}
				.all .pull-right{
					margin-right: 35px;
					margin-top: 35px;
				}
				.all .margin_spe{
					margin-right: 50px;
				}
				.num{
					font-size: 24px;
				}
			}
			@media (min-width: 1400px) and (max-width: 1440px) {
				.all{
					width: 170px;
					height: 128px;
					background: rgb(245, 259, 250);
					margin-bottom: 15px;
				}
				.all .pull-left{
					margin-left: 30px;
					margin-top: 45px;
				}
				.all .pull-right{
					margin-right: 35px;
					margin-top: 35px;
				}
				.all .margin_spe{
					margin-right: 50px;
				}
				.num{
					font-size: 24px;
				}
			}
			@media (min-width: 1300px) and (max-width: 1400px) {
				.all{
					width: 160px;
					height: 128px;
					background: rgb(245, 259, 250);
					margin-bottom: 15px;
				}
				.all .pull-left{
					margin-left: 30px;
					margin-top: 40px;
				}
				.all .pull-right{
					margin-right: 20px;
					margin-top: 30px;
				}
				.all .margin_spe{
					margin-right: 40px;
				}
				.num{
					font-size: 22px;
				}
			}
			@media (min-width: 1220px) and (max-width: 1300px) {
				.all{
					width: 150px;
					height: 128px;
					background: rgb(245, 259, 250);
					margin-bottom: 15px;
				}
				.all .pull-left{
					margin-left: 30px;
					margin-top: 40px;
				}
				.all .pull-right{
					margin-right: 20px;
					margin-top: 30px;
				}
				.all .margin_spe{
					margin-right: 40px;
				}
				.num{
					font-size: 22px;
				}
			}
			@media (min-width: 1180px) and (max-width: 1220px) {
				.all{
					width: 140px;
					height: 128px;
					background: rgb(245, 259, 250);
					margin-bottom: 15px;
				}
				.all .pull-left{
					margin-left: 20px;
					margin-top: 40px;
				}
				.all .pull-right{
					margin-right: 7px;
					margin-top: 30px;
				}
				.all .margin_spe{
					margin-right: 30px;
				}
				.num{
					font-size: 20px;
				}
			}
			@media (min-width: 1160px) and (max-width: 1180px) {
				.all{
					width: 130px;
					height: 128px;
					background: rgb(245, 259, 250);
					margin-bottom: 15px;
				}
				.all .pull-left{
					margin-left: 20px;
					margin-top: 40px;
				}
				.all .pull-right{
					margin-right: 7px;
					margin-top: 30px;
				}
				.all .margin_spe{
					margin-right: 30px;
				}
				.num{
					font-size: 20px;
				}
			}
			@media (min-width: 1100px) and (max-width: 1160px) {
				.all{
					width: 120px;
					height: 128px;
					background: rgb(245, 259, 250);
					margin-bottom: 15px;
				}
				.all .pull-left{
					margin-left: 5px;
					margin-top: 10px;
				}
				.all .pull-right{
					margin-right: 6px;
					margin-top: 30px;
				}
				.all .margin_spe{
					margin-right: 20px;
				}
				.num{
					font-size: 18px;
				}
			}
			@media (min-width: 900px) and (max-width: 1100px) {
				.all{
					width: 110px;
					height: 128px;
					background: rgb(245, 259, 250);
					margin-bottom: 15px;
				}
				.all .pull-left{
					margin-left: 0;
					margin-top: 40px;
				}
				.all .pull-right{
					margin-right: 6px;
					margin-top: 30px;
				}
				.all .margin_spe{
					margin-right: 20px;
				}
				.num{
					font-size: 18px;
				}
			}
			.num{
				font-weight: 500;
			}
			.all .pull-right div:nth-child(2){
				color: gray;
			}
			.box_bottom{
				background: rgb(245, 249, 250);
				padding-top:20px;
				margin-top: 20px;
				padding: 10px;"
			}
			.num_time{
				padding: 20px 15px 15px 0; 
			}
			.num_time .pull-left{
				border-left: 4px solid rgb(19, 206, 102);
				padding-left:15px;
			}
			.design_choose{
				margin-bottom: 20px;
			}
			.num_time .yellow{
				border-color: rgb(247, 186, 42);
			}
			.num_time .green{
				border-color: rgb(19, 206, 102);
			}
			.num_time .Red{
				border-color: rgb(255, 73, 73);
			}
		</style>
    </head>
    <body class="skin-blue">
        <!-- header logo: style can be found in header.less -->
        <header class="header">
            <a href="../../index.html" class="logo">
                <img src="../img/logo_03.jpg"/>
                后台管理系统
            </a>
            <!-- Header Navbar: style can be found in header.less -->
            <nav class="navbar navbar-static-top" role="navigation">
                <div class="navbar-right">
                    <ul class="nav navbar-nav">
                        <!-- Notifications: style can be found in dropdown.less -->
                        <li class="dropdown notifications-menu">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                               设置
                            </a>
                            <ul class="dropdown-menu">
                                <li class="header">You have 10 notifications</li>
                                <li>
                                    <!-- inner menu: contains the actual data -->
                                    <ul class="menu">
                                        <li>
                                            <a href="#">
                                                <i class="ion ion-ios7-people info"></i> 5 new members joined today
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <i class="fa fa-warning danger"></i> Very long description here that may not fit into the page and may cause design problems
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <i class="fa fa-users warning"></i> 5 new members joined
                                            </a>
                                        </li>

                                        <li>
                                            <a href="#">
                                                <i class="ion ion-ios7-cart success"></i> 25 sales made
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <i class="ion ion-ios7-person danger"></i> You changed your username
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="footer"><a href="#">View all</a></li>
                            </ul>
                        </li>
                        <!-- Tasks: style can be found in dropdown.less -->
                        <li class="dropdown tasks-menu">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                               姓名
                            </a>
                            <ul class="dropdown-menu">
                                <li class="header">You have 9 tasks</li>
                                <li>
                                    <!-- inner menu: contains the actual data -->
                                    <ul class="menu">
                                        <li><!-- Task item -->
                                            <a href="#">
                                                <h3>
                                                    Design some buttons
                                                    <small class="pull-right">20%</small>
                                                </h3>
                                                <div class="progress xs">
                                                    <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                                                        <span class="sr-only">20% Complete</span>
                                                    </div>
                                                </div>
                                            </a>
                                        </li><!-- end task item -->
                                        <li><!-- Task item -->
                                            <a href="#">
                                                <h3>
                                                    Create a nice theme
                                                    <small class="pull-right">40%</small>
                                                </h3>
                                                <div class="progress xs">
                                                    <div class="progress-bar progress-bar-green" style="width: 40%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                                                        <span class="sr-only">40% Complete</span>
                                                    </div>
                                                </div>
                                            </a>
                                        </li><!-- end task item -->
                                        <li><!-- Task item -->
                                            <a href="#">
                                                <h3>
                                                    Some task I need to do
                                                    <small class="pull-right">60%</small>
                                                </h3>
                                                <div class="progress xs">
                                                    <div class="progress-bar progress-bar-red" style="width: 60%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                                                        <span class="sr-only">60% Complete</span>
                                                    </div>
                                                </div>
                                            </a>
                                        </li><!-- end task item -->
                                        <li><!-- Task item -->
                                            <a href="#">
                                                <h3>
                                                    Make beautiful transitions
                                                    <small class="pull-right">80%</small>
                                                </h3>
                                                <div class="progress xs">
                                                    <div class="progress-bar progress-bar-yellow" style="width: 80%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                                                        <span class="sr-only">80% Complete</span>
                                                    </div>
                                                </div>
                                            </a>
                                        </li><!-- end task item -->
                                    </ul>
                                </li>
                                <li class="footer">
                                    <a href="#">View all tasks</a>
                                </li>
                            </ul>
                        </li>
                        <!-- User Account: style can be found in dropdown.less -->
                        <li class="dropdown user user-menu">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                <i class="glyphicon glyphicon-user"></i>
                                <span>Jane Doe <i class="caret"></i></span>
                            </a>
                            <ul class="dropdown-menu">
                                <!-- User image -->
                                <li class="user-header bg-light-blue">
                                    <img src="../../img/avatar3.png" class="img-circle" alt="User Image" />
                                    <p>
                                        Jane Doe - Web Developer
                                        <small>Member since Nov. 2012</small>
                                    </p>
                                </li>
                                <!-- Menu Body -->
                                <li class="user-body">
                                    <div class="col-xs-4 text-center">
                                        <a href="#">Followers</a>
                                    </div>
                                    <div class="col-xs-4 text-center">
                                        <a href="#">Sales</a>
                                    </div>
                                    <div class="col-xs-4 text-center">
                                        <a href="#">Friends</a>
                                    </div>
                                </li>
                                <!-- Menu Footer-->
                                <li class="user-footer">
                                    <div class="pull-left">
                                        <a href="#" class="btn btn-default btn-flat">Profile</a>
                                    </div>
                                    <div class="pull-right">
                                        <a href="#" class="btn btn-default btn-flat">Sign out</a>
                                    </div>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </nav>
        </header>
        <div class="wrapper row-offcanvas row-offcanvas-left">
            <!-- Left side column. contains the logo and sidebar -->
            <aside class="left-side sidebar-offcanvas">
                <!-- sidebar: style can be found in sidebar.less -->
                <section class="sidebar">
                    <!-- sidebar menu: : style can be found in sidebar.less -->
                    <ul class="sidebar-menu">
                        <li>
                            <a href="../../index.html">
                                <i class="iconfont">&#xe6e0;</i> <span>工作台</span>
                                <i class="fa fa-angle-right pull-right"></i>
                            </a>
                        </li>
                        <li class="active">
                            <a  <a href="../html/pages/Design_order.html">
                                <i class="iconfont">&#xe6e1;</i><span>设计订单</span>
                                <i class="fa fa-angle-right pull-right"></i>
                            </a>
                        </li>
                        <li class="treeview">
                            <a href="#">
                                <i class="iconfont">&#xe6e6;</i>
                                <span>打样订单</span>
                                <i class="fa fa-angle-right pull-right"></i>
                            </a>
                        </li>
                        <li class="treeview">
                            <a href="#">
                                <i class="iconfont">&#xe6e2;</i>
                                <span>大货订单</span>
                                <i class="fa fa-angle-right pull-right"></i>
                            </a>
                        </li>
                        <li class="treeview">
                            <a href="#">
                                <i class="iconfont">&#xe6e8;</i> <span>历史订单</span>
                                <i class="fa fa-angle-right pull-right"></i>
                            </a>
                        </li>
                        <li class="treeview">
                            <a href="#">
                                <i class="iconfont">&#xe6e3;</i> <span>客户管理</span>
                                <i class="fa fa-angle-right pull-right"></i>
                            </a>
                        </li>
                        <li>
                            <a href="../calendar.html">
                                <i class="iconfont">&#xe6e4;</i> <span>工厂管理</span>
                                <i class="fa fa-angle-right pull-right"></i>
                            </a>
                        </li>
                        <li>
                            <a href="../mailbox.html">
                                <i class="iconfont">&#xe6e7;</i> <span>设计库</span>
                                <i class="fa fa-angle-right pull-right"></i>
                            </a>
                        </li>
                        <li class="treeview">
                            <a href="#">
                                <i class="iconfont">&#xe6e5;</i> <span>面料库</span>
                                <i class="fa fa-angle-right pull-right"></i>
                            </a>
                        </li>
                    </ul>
                </section>
                <!-- /.sidebar -->
            </aside>

            <!-- Right side column. Contains the navbar and content of the page -->
           <aside class="right-side">
           	<section class="content-header">
                    <h1>工作台</h1>
            </section>
            <section class="content">
            	<div class="row">
            		<div class="col-md-8">
            			<div class="box left_box">
				            <div class="clearfix search-div center">
				            	<div class="wait">
				            		<div class="pull-left wait_text">
						       		待处理事项
						       		</div>
						       		<div class="pull-right">
						       			<a href="#" class="gray">已处理&gt;</a>
						       		</div>
				            	</div>
						       	<br />
						       	<hr />
						       	<form action="#" method="get">
						           	<table class="table text-center table-bordered order-list">
					                   	<tr>
					                       	<td style="padding: 20px 15px 15px;">
					                           	<span>订单编号：111111111111111111111</span>
					                           	<a href="javascript:;" class="pull-right">
					                           		<img src="../images/images/work_07.jpg" />
					                           		标记为已处理
					                           	</a>
					                       	</td>
					                   	</tr>
										<tr>
											<td style="padding: 22px 38px 20px 22px;">
												<div class="clearfix"></div>
					                       		<div class="pull-left">
					                       			<div class="text-top new-design">[新的设计订单]</div>
					                       			<div class="text-top">
					                       				<span>创&nbsp;&nbsp;建&nbsp;&nbsp;人：</span>
					                       				<span>许伟达</span>
					                       			</div>
					                       			<div class="text-top">
					                       				<span>客&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;户：</span>
					                       				<span>北京小黑裙服装有限公司</span>
					                       			</div>
					                       			<div class="text-top time">
					                       				<span>截止时间：</span>
					                       				<span>11月3日</span>
					                       			</div>
					                       		</div>
					                       		<div class="pull-right">
					                       			<img class="man" src="../img/avatar04.png"/>
					                       			<div>许伟达</div>
					                       		</div>
					                       	</td>
										</tr>
										<tr>
											<td class="gray" style="padding: 10px 15px 15px;">
												许伟达创建了北京小黑裙服装有限公司的订单，请尽快安排设计
											</td>
										</tr>
						           </table>
						           <table class="table text-center table-bordered order-list">
					                   	<tr>
					                       	<td style="padding: 20px 15px 15px;">
					                           	<span>订单编号：111111111111111111111</span>
					                           	<a href="javascript:;" class="pull-right">
					                           		<img src="../images/images/work_07.jpg" />
					                           		标记为已处理
					                           	</a>
					                       	</td>
					                   	</tr>
										<tr>
											<td style="padding: 22px 38px 20px 22px;">
												<div class="clearfix"></div>
					                       		<div class="pull-left">
					                       			<div class="text-top new-design">[新的设计订单]</div>
					                       			<div class="text-top">
					                       				<span>创&nbsp;&nbsp;建&nbsp;&nbsp;人：</span>
					                       				<span>许伟达</span>
					                       			</div>
					                       			<div class="text-top">
					                       				<span>客&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;户：</span>
					                       				<span>北京小黑裙服装有限公司</span>
					                       			</div>
					                       			<div class="text-top time">
					                       				<span>截止时间：</span>
					                       				<span>11月3日</span>
					                       			</div>
					                       		</div>
					                       		<div class="pull-right">
					                       			<img class="man" src="../img/avatar04.png"/>
					                       			<div>许伟达</div>
					                       		</div>
					                       	</td>
										</tr>
										<tr>
											<td class="gray" style="padding: 10px 15px 15px;">
												许伟达创建了北京小黑裙服装有限公司的订单，请尽快安排设计
											</td>
										</tr>
						           </table>
						           <table class="table text-center table-bordered order-list">
					                   	<tr>
					                       	<td style="padding: 20px 15px 15px;">
					                           	<span>订单编号：111111111111111111111</span>
					                           	<a href="javascript:;" class="pull-right">
					                           		<img src="../images/images/work_07.jpg" />
					                           		标记为已处理
					                           	</a>
					                       	</td>
					                   	</tr>
										<tr>
											<td style="padding: 22px 38px 20px 22px;">
												<div class="clearfix"></div>
					                       		<div class="pull-left">
					                       			<div class="text-top new-design">[新的设计订单]</div>
					                       			<div class="text-top">
					                       				<span>创&nbsp;&nbsp;建&nbsp;&nbsp;人：</span>
					                       				<span>许伟达</span>
					                       			</div>
					                       			<div class="text-top">
					                       				<span>客&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;户：</span>
					                       				<span>北京小黑裙服装有限公司</span>
					                       			</div>
					                       			<div class="text-top time">
					                       				<span>截止时间：</span>
					                       				<span>11月3日</span>
					                       			</div>
					                       		</div>
					                       		<div class="pull-right">
					                       			<img class="man" src="../img/avatar04.png"/>
					                       			<div>许伟达</div>
					                       		</div>
					                       	</td>
										</tr>
										<tr>
											<td class="gray" style="padding: 10px 15px 15px;">
												许伟达创建了北京小黑裙服装有限公司的订单，请尽快安排设计
											</td>
										</tr>
						           </table>
						           <table class="table text-center table-bordered order-list">
					                   	<tr>
					                       	<td style="padding: 20px 15px 15px;">
					                           	<span>订单编号：111111111111111111111</span>
					                           	<a href="javascript:;" class="pull-right">
					                           		<img src="../images/images/work_07.jpg" />
					                           		标记为已处理
					                           	</a>
					                       	</td>
					                   	</tr>
										<tr>
											<td style="padding: 22px 38px 20px 22px;">
												<div class="clearfix"></div>
					                       		<div class="pull-left">
					                       			<div class="text-top new-design">[新的设计订单]</div>
					                       			<div class="text-top">
					                       				<span>创&nbsp;&nbsp;建&nbsp;&nbsp;人：</span>
					                       				<span>许伟达</span>
					                       			</div>
					                       			<div class="text-top">
					                       				<span>客&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;户：</span>
					                       				<span>北京小黑裙服装有限公司</span>
					                       			</div>
					                       			<div class="text-top time">
					                       				<span>截止时间：</span>
					                       				<span>11月3日</span>
					                       			</div>
					                       		</div>
					                       		<div class="pull-right">
					                       			<img class="man" src="../img/avatar04.png"/>
					                       			<div>许伟达</div>
					                       		</div>
					                       	</td>
										</tr>
										<tr>
											<td class="gray" style="padding: 10px 15px 15px;">
												许伟达创建了北京小黑裙服装有限公司的订单，请尽快安排设计
											</td>
										</tr>
						           </table>
						           <table class="table text-center table-bordered order-list">
					                   	<tr>
					                       	<td style="padding: 20px 15px 15px;">
					                           	<span>订单编号：111111111111111111111</span>
					                           	<a href="javascript:;" class="pull-right">
					                           		<img src="../images/images/work_07.jpg" />
					                           		标记为已处理
					                           	</a>
					                       	</td>
					                   	</tr>
										<tr>
											<td style="padding: 22px 38px 20px 22px;">
												<div class="clearfix"></div>
					                       		<div class="pull-left">
					                       			<div class="text-top new-design">[新的设计订单]</div>
					                       			<div class="text-top">
					                       				<span>创&nbsp;&nbsp;建&nbsp;&nbsp;人：</span>
					                       				<span>许伟达</span>
					                       			</div>
					                       			<div class="text-top">
					                       				<span>客&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;户：</span>
					                       				<span>北京小黑裙服装有限公司</span>
					                       			</div>
					                       			<div class="text-top time">
					                       				<span>截止时间：</span>
					                       				<span>11月3日</span>
					                       			</div>
					                       		</div>
					                       		<div class="pull-right">
					                       			<img class="man" src="../img/avatar04.png"/>
					                       			<div>许伟达</div>
					                       		</div>
					                       	</td>
										</tr>
										<tr>
											<td class="gray" style="padding: 10px 15px 15px;">
												许伟达创建了北京小黑裙服装有限公司的订单，请尽快安排设计
											</td>
										</tr>
						           </table>
						       	</form>
							    <div class="clearfix" style="margin: 50px 0 35px;">
				                    <ul class="pagination pagination-sm no-margin pull-right">
				                        <li><a href="#">首页</a></li>
				                        <li><a href="#">上一页</a></li>
				                        <li>
				                        	<a href="javascript:;" style="padding: 0;">
				                        		<input type="text"  style="border: none; border-bottom: 1px solid #ccc; padding: 3px 0; width: 40px;"/>
				                        	</a>
				                        </li>
				                        <li>
				                        	<a href="javascript:;">总3页</a></li>
				                        <li><a href="#">下一页</a></li>
				                        <li><a href="#">尾页</a></li>
				                    </ul>
				                </div>
				           	</div>
            			</div>
            		</div>
            		<div class="col-md-4">
            			<div class="box right_box" style="padding: 0;">
            				<div class="clearfix">
				            	<div class="box_top">
				            		<div class="clearfix">
			            				<div class="pull-left">
				            				<div class="all">
	            								<span class="pull-left"><i class="iconfont" style="color: rgb(156, 116, 210);">&#xe6e7;</i></span>
		            							<span class="pull-right pull_right">
		            								<div class="num">120140</div>
		            								<div>平台总订单量</div>
		            							</span>
	            							</div>
				            			</div>
				            			<div class="pull-right">
				            				<div class="all">
	            								<span class="pull-left"><i class="iconfont" style="color: rgb(19, 206, 102);">&#xe6e1;</i></span>
		            							<span class="pull-right margin_spe">
		            								<div class="num">2600</div>
		            								<div>设计订单</div>
		            							</span>
	            							</div>
				            			</div>
				            		</div>
				            		<div class="clearfix">
				            			<div class="pull-left">
				            				<div class="all no-margin">
	            								<span class="pull-left"><i class="iconfont" style="color: rgb(247, 186, 42);">&#xe6e6;</i></span>
		            							<span class="pull-right margin_spe">
		            								<div class="num">2504</div>
		            								<div>打样订单</div>
		            							</span>
	            							</div>
				            			</div>
				            			<div class="pull-right">
				            				<div class="all no-margin">
	            								<span class="pull-left"><i class="iconfont" style="color: rgb(225, 73, 73);">&#xe6e2;</i></span>
		            							<span class="pull-right margin_spe">
		            								<div class="num">1500</div>
		            								<div>大货订单</div>
		            							</span>
	            							</div>
				            			</div>
				            		</div>
	            				</div>
	            				<div class="box_bottom">
	            					<div class="wait">
					            		<div class="pull-left wait_text">
							       		订单动态
							       		</div>
							       		<div class="pull-right" style="margin-right: 10px;">
							       			<a href="#" class="gray">查看历史&gt;</a>
							       		</div>
							       	</div>
							       	<br />
						       		<hr />
						       		<form action="#" method="get">
							           	<table class="table text-center order-list">
						                   	<tr>
						                       	<td class="num_time" style="border: 0;">
						                           	<span class="pull-left green">订单编号：111111111111</span>
						                           	<span class="pull-right gray">2016/11/12/16:14</span>
						                       	</td>
						                   	</tr>
											<tr>
												<td style="border: 0; padding: 0 25px;">
													<div class="clearfix"></div>
						                       		<div class="pull-left">
						                       			<div>[设计稿已经过选款]</div>
						                       			<div class="design_choose">
						                       				北京小黑裙服装有限公司的设计稿已通过选稿，进入打样流程，创建人许伟达。
						                       			</div>
						                       		</div>
						                       	</td>
											</tr>
							           </table>
							           <table class="table text-center order-list">
						                   	<tr>
						                       	<td class="num_time" style="border: 0;">
						                           	<span class="pull-left yellow">订单编号：111111111111</span>
						                           	<span class="pull-right gray">2016/11/12/16:14</span>
						                       	</td>
						                   	</tr>
											<tr>
												<td style="border: 0; padding: 0 25px;">
													<div class="clearfix"></div>
						                       		<div class="pull-left">
						                       			<div>[打样订单进入工厂环节]</div>
						                       			<div class="design_choose">
						                       				北京小黑裙服装有限公司的设计稿已通过选稿，进入打样流程，创建人许伟达。
						                       			</div>
						                       		</div>
						                       	</td>
											</tr>
							           </table>
							           <table class="table text-center order-list">
						                   	<tr>
						                       	<td class="num_time" style="border: 0;">
						                           	<span class="pull-left green">订单编号：111111111111</span>
						                           	<span class="pull-right gray">2016/11/12/16:14</span>
						                       	</td>
						                   	</tr>
											<tr>
												<td style="border: 0; padding: 0 25px;">
													<div class="clearfix"></div>
						                       		<div class="pull-left">
						                       			<div>[设计稿已经过选款]</div>
						                       			<div class="design_choose">
						                       				北京小黑裙服装有限公司的设计稿已通过选稿，进入打样流程，创建人许伟达。
						                       			</div>
						                       		</div>
						                       	</td>
											</tr>
							           </table>
							           <table class="table text-center order-list">
						                   	<tr>
						                       	<td class="num_time" style="border: 0;">
						                           	<span class="pull-left Red">订单编号：111111111111</span>
						                           	<span class="pull-right gray">2016/11/12/16:14</span>
						                       	</td>
						                   	</tr>
											<tr>
												<td style="border: 0; padding: 0 25px;">
													<div class="clearfix"></div>
						                       		<div class="pull-left">
						                       			<div>[设计稿已经过选款]</div>
						                       			<div class="design_choose">
						                       				北京小黑裙服装有限公司的设计稿已通过选稿，进入打样流程，创建人许伟达。
						                       			</div>
						                       		</div>
						                       	</td>
											</tr>
							           </table>
							           <table class="table text-center order-list">
						                   	<tr>
						                       	<td class="num_time" style="border: 0;">
						                           	<span class="pull-left yellow">订单编号：111111111111</span>
						                           	<span class="pull-right gray">2016/11/12/16:14</span>
						                       	</td>
						                   	</tr>
											<tr>
												<td style="border: 0; padding: 0 25px;">
													<div class="clearfix"></div>
						                       		<div class="pull-left">
						                       			<div>[设计稿已经过选款]</div>
						                       			<div class="design_choose">
						                       				北京小黑裙服装有限公司的设计稿已通过选稿，进入打样流程，创建人许伟达。
						                       			</div>
						                       		</div>
						                       	</td>
											</tr>
							           </table>
							           <table class="table text-center order-list">
						                   	<tr>
						                       	<td class="num_time" style="border: 0;">
						                           	<span class="pull-left green">订单编号：111111111111</span>
						                           	<span class="pull-right gray">2016/11/12/16:14</span>
						                       	</td>
						                   	</tr>
											<tr>
												<td style="border: 0; padding: 0 25px;">
													<div class="clearfix"></div>
						                       		<div class="pull-left">
						                       			<div>[设计稿已经过选款]</div>
						                       			<div class="design_choose">
						                       				北京小黑裙服装有限公司的设计稿已通过选稿，进入打样流程，创建人许伟达。
						                       			</div>
						                       		</div>
						                       	</td>
											</tr>
							           </table>
							           <table class="table text-center order-list">
						                   	<tr>
						                       	<td class="num_time" style="border: 0;">
						                           	<span class="pull-left Red">订单编号：111111111111</span>
						                           	<span class="pull-right gray">2016/11/12/16:14</span>
						                       	</td>
						                   	</tr>
											<tr>
												<td style="border: 0; padding: 0 25px;">
													<div class="clearfix"></div>
						                       		<div class="pull-left">
						                       			<div>[设计稿已经过选款]</div>
						                       			<div class="design_choose">
						                       				北京小黑裙服装有限公司的设计稿已通过选稿，进入打样流程，创建人许伟达。
						                       			</div>
						                       		</div>
						                       	</td>
											</tr>
							           </table>
							           <table class="table text-center order-list">
						                   	<tr>
						                       	<td class="num_time" style="border: 0;">
						                           	<span class="pull-left yellow">订单编号：111111111111</span>
						                           	<span class="pull-right gray">2016/11/12/16:14</span>
						                       	</td>
						                   	</tr>
											<tr>
												<td style="border: 0; padding: 0 25px;">
													<div class="clearfix"></div>
						                       		<div class="pull-left">
						                       			<div>[设计稿已经过选款]</div>
						                       			<div class="design_choose">
						                       				北京小黑裙服装有限公司的设计稿已通过选稿，进入打样流程，创建人许伟达。
						                       			</div>
						                       		</div>
						                       	</td>
											</tr>
							           </table>
						       		</form>
	            				</div>
				           	</div>
            			</div>
            		</div>
            	</div>
            </section>
            </aside><!-- /.right-side -->
        </div><!-- ./wrapper -->
       
       
       	<style type="text/css">
       		/*响应式*/
       		
       	</style>
       
       
        <!-- jQuery 2.0.2 -->
        <script src="../js/jquery.min.js" type="text/javascript"></script>
        <!-- Bootstrap -->
        <script src="../js/bootstrap.min.js" type="text/javascript"></script>
        <!-- AdminLTE App -->
        <script src="../js/AdminLTE/app.js" type="text/javascript"></script>
        <!-- AdminLTE for demo purposes -->
        <script src="../js/AdminLTE/demo.js" type="text/javascript"></script>  
        
        
       	<script type="text/javascript">
       		
       	</script>

    </body>
</html>

